<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<body>
<div style="overflow-x: hidden;">
    <ul class="nav nav-tabs" id="myTab">
        <li style="width: 120px; text-align: center;" class="active">
            <a href="#taskinfo" id="taskoperatelab" role="tab" data-toggle="tab">任务管理</a>
        </li>
        <li id="taskMapLi" style="width: 120px; text-align: center;" >
            <a href="#taskMap" id="taskMaplab" role="tab" data-toggle="tab">任务地图</a>
        </li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane fade in active" id="taskinfo">
            <div id="searchBlock">
                <form id="searchForm">
                    <div class="row">
                                    <div class="col-md-6 form-horizontal">
                            <div class="form-group">
                                <label for="provinceSelect" class="col-md-4 control-label"></span>省:</label>
                                <div class="col-md-8">
                                    <select class="form-control" id="provinceSelect" name="provinceSelect" >
                                        <option value="" disabled selected style='display:none;'>请选择</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 form-horizontal">
                            <div class="form-group">
                                <label for="citySelect" class="col-md-4 control-label"></span>市:</label>
                                <div class="col-md-8">
                                    <select class="form-control" id="citySelect" name="citySelect" >
                                        <option value="" disabled selected style='display:none;'>请选择</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 form-horizontal">
                            <div class="form-group">
                                <label for="areaSelect" class="col-md-4 control-label"></span>区（县）:</label><input type="text" style="display: none;" />
                                <div class="col-md-8">
                                    <select class="form-control" id="areaSelect" name="areaSelect" >
                                        <option value="" disabled selected style='display:none;'>请选择</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 form-horizontal">
                            <div class="form-group">
                                <label for="projectNameCondition" class="col-md-4 control-label"></span>所属项目:</label>
                                <div class="col-md-8">
                                    <select class="form-control" id="projectNameCondition" name="projectNameCondition" >
                                        <!--<option value="" disabled selected style='display:none;'>请选择</option>-->
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 form-horizontal">
                            <div class="form-group">
                                <label for="taskNameCondition" class="col-md-4 control-label"></span>任务名称:</label>
                                <div class="col-md-8">
                                    <input id="taskNameCondition" type="text" name="taskNameCondition" class="form-control">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row" style="text-align: center;">
                        <button id="btnSearch" class="btn btn-default" type="button">查询</button>
                        <button id="btnReset" class="btn btn-default" type="button">重置</button>
                    </div>
                </form>
            </div>
            <div id="hddcCjTaskGrid" style="height: 515px;"></div>
        </div>
        <div class="tab-pane fade" id="taskMap" >
            <div id="hddctask-mapDiv" class="init-mapDiv">
                <div id="hddctask-map" style="position:absolute;top:0px;left:0px;width:1360px;height:496px;"></div>
                <div id="toolbox-toolsDiv" style="display:block">
                    <p id="toolbox-edit" ><img style='cursor:pointer;' id="imgedit-DisplayDiv" title="开启编辑" src="/hdc/static/app/hddc/hddccjtask/images/mianj.png"><br/><span>编辑</span></p>
                    <!--<p id="toolbox-hz_dian" ><img style='cursor:pointer;' id="imghzdian-DisplayDiv" title="绘制任务点" src="/static/app/hddc/hddccjtask/images/dian.png"><br/><span>点</span></p>-->
                    <p id="toolbox-hz_xian" ><img style='cursor:pointer;' id="imghzxian-DisplayDiv" title="绘制任务线" src="/hdc/static/app/hddc/hddccjtask/images/xian.png"><br/><span>线</span></p>
                    <!--<p id="toolbox-hz_juxing" ><img style='cursor:pointer;' id="imghzjuxing-DisplayDiv" title="绘制任务矩形" src="/static/app/hddc/hddccjtask/images/juxing.png"><br/><span>矩形</span></p>-->
                    <p id="toolbox-hz_dbx" ><img style='cursor:pointer;' id="imghzdbx-DisplayDiv" title="绘制任务多边形" src="/hdc/static/app/hddc/hddccjtask/images/dbx.png"><br/><span>多边形</span></p>
                    <p id="toolbox-cl_jscl" ><img style='cursor:pointer;' id="imgjscz-DisplayDiv" title="保存" src="/hdc/static/app/hddc/hddccjtask/images/jshz.png"><br/><span>保存</span></p>
                </div>
                <div id="maptype_displaybutton">
                    <!--<input type="button" id="button-maptypeDisplayDiv" style='width:50px;height:25px;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;border:1px solid #3B49EE;color:#3B49EE;' value="底图" />-->
                    <img style='cursor:pointer;width:60px;height:60px;' id="imgoperate-DisplayDivSelect" title="底图选择"
                         src="/hdc/static/app/hddc/hddccjtask/images/maptype0.png">
                </div>
                <div id="maptype-maptypeDisplayDiv" style="display:none">
                    <div id="maptype1-DisplayDiv" class="maptypeselect" align="left" style="margin-left:18px;margin-right:10px;float:left"><img  id="maptype1-DisplayImage" style='cursor:pointer;display:block;margin-top: 8px;' title="地图" src="/hdc/static/app/hddc/hddccjtask/images/vec.jpg"><br/><span id="maptype1-DisplayName" style='text-align: center;display:block;font-size:14px;'>标准地图</span></div>
                    <div id="maptype2-DisplayDiv" class="maptypeselect" align="left" style="margin-left:10px;margin-right:10px;float:left" ><img  id="maptype2-DisplayImage" style='cursor:pointer;display:block;margin-top: 8px;' title="影像" src="/hdc/static/app/hddc/hddccjtask/images/img.jpg"><br/><span id="maptype2-DisplayName" style='text-align: center;display:block;font-size:14px;'>影像地图</span></div>
                    <div id="maptype3-DisplayDiv" class="maptypeselect" align="left" style="margin-left:10px;margin-right:10px;float:left"><img  id="maptype3-DisplayImage" style='cursor:pointer;display:block;margin-top: 8px;' title="地形" src="/hdc/static/app/hddc/hddccjtask/images/ter.jpg"><br/><span id="maptype3-DisplayName" style='text-align: center;display:block;font-size:14px;'>地形地图</span></div>
                    <div id="maptype4-DisplayDiv" class="maptypeselect" align="left" style="margin-left:10px;margin-right:10px;float:left"><img  id="maptype4-DisplayImage" style='cursor:pointer;display:block;margin-top: 8px;' title="0.8米影像" src="/hdc/static/app/hddc/hddccjtask/images/0.8m.png"><br/><span id="maptype4-DisplayName" style='text-align: center;display:block;font-size:14px;'>0.8米影像</span></div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>